<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<!-- BOM—浏览器对象模型
 作用：主要操作浏览器相关功能。如让浏览器刷新，跳转等 -->

<body>
    <a href="https://baidu.com">百度</a>
    <a href="02-DOM体验.html">DOM体验</a>
    <button id="btn">刷新</button>
    <button id="btn2">跳转</button>

    <script>
        // 先找到id=btn按钮
        var btn = document.getElementById("btn");
        // 先找到id=btn2按钮
        var btn2 = document.getElementById("btn2");

        // 给元素绑定单击事件
        btn.onclick = function () {
            // 刷新页面
            location.reload();
        };
        btn2.onclick = function () {
            // location.href = '新地址'
            location.href = 'https://baidu.com';
        };
    </script>
</body>

</html>